<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Allied Caterers - Services</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons
    <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png"> -->
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" id="company" href="#">Allied Caterers</a>
          <div class="nav-collapse collapse">
            <ul class="nav" id="topNav">
              <li><a href="index.html">Home</a></li>
              <li><a href="#">About Us</a></li>
              <li class="active"><a href="services.html">Services</a></li>
              <!--
              <li class="dropdown">
                <a href="services.html" class="dropdown-toggle" data-toggle="dropdown">Services<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Event Catering</a></li>
                  <li><a href="#">Industrial Catering</a></li>
                  <li><a href="#">Event Management</a></li>
                </ul>
              </li>
              -->
              <li><a href="#">Gallery</a></li>
              <li><a href="#">Contact Us</a></li>
            </ul>
            <form class="navbar-form pull-right">
              <a class="btn btn-warning" id="quoteBtn" href="requestQuote.html">Request a Quote</a>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

      <div class="row">
        <div class="span12">
          <div id="myCarousel" class="carousel slide">
            <!-- Carousel items -->
            <div class="carousel-inner">
              <div class="active item"><img src="img/food/food1.jpg"/></div>
              <div class="item"><img src="img/food/food2.jpg"/></div>
              <div class="item"><img src="img/food/food3.jpg"/></div>
              <div class="item"><img src="img/food/food4.jpg"/></div>
              <div class="item"><img src="img/food/food5.jpg"/></div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
          </div>
        </div>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span12">
          <ul class="breadcrumb">
            <li><a href="#">Home</a> <span class="divider">/</span></li>
            <li><a href="#">Services</a></li>
          </ul>        
        </div>
      </div>
      
      <div class="row">
        <div class="span4">
          <h2>Services</h2>
          <p>Our company is well known for its high quality and full service catering. We pride ourselves on providing to our clients a culinary experience that is second to none. The company operates from a modern and a fully HACCP compliant plant which meets or exceeds local and international standards.</p>
          <p>The company is also a major provider of catering and facilities management services to the offshore oil production and drilling platforms. The offshore customer base includes BPTT, Repsol YPF, BHP Billiton, British Gas Trinidad and the National Gas Company. </p>
          <p>We offer a range of services shown here.</p>
        </div>
        <div class="span4">
          <h3>Event Catering</h3>
          <p>Whether it’s catering for a corporate or commercial event, spectacular food for a wedding, outside catering for a private event or a fine dining experience, Allied Caterers can provide the planning and preparation, exquisite food, and impeccable catering service that will make it simply unforgettable. </p>
          <p>We are a highly professional and extremely dedicated event catering company, with over 35 years experience in the business. We take a modern approach to event catering, creating distinctive food made from seasonal local ingredients to meet the individual needs of each and every client. </p>
          <p><a class="btn" href="#">Read more</a></p>     
        </div>

        <ul class="thumbnails">
          <li class="span4">

            <img src="img/food/service4.jpg" alt="Food">

          </li>
        </ul>
      </div>
      
      <div class="row">
        
        <div class="span4">
        <ul class="thumbnails">
          <li class="span1">
            <img src="img/food/service3.jpg" alt="Food"/>
          </li>
          <li class="span2">
            <img src="img/food/service2.jpg" alt="Food" class="image-circle"/>
          </li>           
        </ul>
        <ul class="thumbnails">
          <li class="span4">
            <img src="img/food/service1.jpg" alt="Food" class="image-rounded"/>
          </li>
        </ul>          
        </div>
        
        <div class="span4">
          <h3>Industrial Catering</h3>
          <p>As a company we pride ourselves on the fact that we can cater for 1 to 1000 + people on site providing services ranging from breakfast, crib or hot lunch, dinner service and that extra touch when it comes to those special corporate or themed events.</p>
          <p>Allied is capable of providing both long term and one off events. We  can offer an extensive range of menu options to suit all requirements covering a full range of services throughout the day, these can be supported with special themed events on a regular basis to enhance the overall dining experience. We place great emphasis on making sure our suppliers provide produce of the highest standard and quality at all times, monitored though our company's rigid auditing process. </p>
          <p><a class="btn" href="#">Read more</a></p>          
        </div>
        
        <ul class="thumbnails">
          <li class="span4">

            <img src="img/food/service5.jpg" alt="Food">

          </li>
        </ul>        
        
      </div>      

      <div class="row">          
        
        <div class="span4 offset4">
          <h3>Event Management</h3>
          <p>At Allied we strive to be the most reliable and innovative event management company in Trinidad. Whether its a large scale corporate event, carnival fete, or family anniversary or wedding, our highly innovative staff will execute from start to finish. Using our mantra that "our job is to make your job easier", Allied's ability to integrate services provides our clients with innovation, quality and value for money by offering a one-stop shop. </p>
          <p>Always focused on client needs, we work closely with you from conceptualization  to execution to evaluation. Each of our events is a custom made experience, irrespective of size and budget.</p>
          <p><a class="btn" href="#">Read more</a></p>          
        </div>
        
        <ul class="thumbnails">
          <li class="span4">

            <img src="img/food/service6.jpg" alt="Food">

          </li>
        </ul>        
        
      </div>            
      
        <footer id="footer">
          <div class="row" style="padding:10px;">
            <div class="span4" >
              <p>&copy; Allied Caterers Limited <br/>
                Golden Grove Road <br/>
                Piarco <br/>
                Trinidad and Tobago
              </p>
            </div>
            <div class="span4">
              <p>1-868-662-2333<br/>service@alliedcaters.com
                <br/> 
                <a href="#">Request a Quoute</a> |
                <a href="#">Contact Us</a>

              </p>
            </div>

            <div class="span3">
              <p>Company Logo will go here</p>
            </div>
          </div>
        </footer>

      </div> <!-- /container -->

      <!-- Le javascript
      ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
      <script src="./index_files/jquery.js"></script>
      <script src="./index_files/bootstrap-transition.js"></script>
      <script src="./index_files/bootstrap-alert.js"></script>
      <script src="./index_files/bootstrap-modal.js"></script>
      <script src="./index_files/bootstrap-dropdown.js"></script>
      <script src="./index_files/bootstrap-scrollspy.js"></script>
      <script src="./index_files/bootstrap-tab.js"></script>
      <script src="./index_files/bootstrap-tooltip.js"></script>
      <script src="./index_files/bootstrap-popover.js"></script>
      <script src="./index_files/bootstrap-button.js"></script>
      <script src="./index_files/bootstrap-collapse.js"></script>
      <script src="./index_files/bootstrap-carousel.js"></script>
      <script src="./index_files/bootstrap-typeahead.js"></script>
      <script type="text/javascript">
        $(function(){
          $("#myCarousel").carousel("cycle");
        });
      </script>



  </body>
 </html>